What is CSS?
CSS stands for Cascading Style Sheets
CSS describes how HTML elements are to be displayed on screen, paper, or in other media
CSS saves a lot of work. It can control the layout of multiple web pages all at once
External stylesheets are stored in CSS files.
Why use CSS
CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.
CSS Example:
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
How CSS Solved HTML's problem
HTML wasn't intended to format a webpage
HTML was created to describe the content of a web page.
When tags like , and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large websites, where fonts and color information were added to every single page, became a tedious process.
To solve this problem, the World Wide Web Consortium (W3C) created CSS.
CSS removed the style formatting from the HTML.
This is a Cheat Sheet for CSS.
These Links that will be useful for learning CSS
https://developer.mozilla.org/en-US/docs/Web/CSS
https://www.freecodecamp.org/
https://www.theodinproject.com/paths
This is one of the most useful resources for learning to be a web developer.
https://www.w3schools.com/css/css_intro.asp
Useful tip for learning CSS
You don't need to know as much about CSS as you do with HTML because you can just look up what you need from your website and learn that way
CSS is something you learn from experience not just doing a tutorial
How to escape Tutorial Hell:
What is Tutorial Hell
When you learn from a Tutorial you likely will get stuck in Tutorial Hell which is when begineer programmers know how to build simple things but nothing complex or scalable. They seem to need a tutorial for every other task they are in need of doing.
The way to escape tutorial hell is to build a project using the skills you learn't and try to solve you're problems by yourself.